<html>
<head>
<title>ImageButton example</title>
<link rel="stylesheet" type="text/css" href="default.css" />
<script type="text/javascript" src="../src/main/js/loader.js"></script>
<script type="text/javascript">

	load('core.ui.ImageButton');

	function init() {
		
		var button = new core.ui.ImageButton();
		button.setText('Click me');
		button.setImageList('images/button.gif');
		button.oncommand = function() {
			log('Button pressed!');
		}
		
		button.center();
		button.show();
	}
	
	function log(message) {
		document.getElementById('log').innerHTML += (message + '<br/>');
	}
	
</script>

<style type="text/css">

.ImageButton {
	width: 69px;
	height: 24px;
	line-height: 24px;
	font-family: Tahoma;
	font-size: 11px;
	text-align: center;
	color: #15428b;
	cursor: default;
}

</style>
</head>

<body onload="init()">
<span id="log"></span>
</body>
</html>